<template>
  <div>
    <v-card title="基础雷达图(线)" class="mb-50">
      <vcu-chart-radar :data="chartData" />
    </v-card>

    <v-card title="基础雷达图(面积)">
      <vcu-chart-radar :data="chartData" :settings="settingsForArea" />
    </v-card>
  </div>
</template>

<script>
export default {
  name: 'basic',
  data() {
    return {
      chartData: {
        dimensions: [
          { name: 'APP', max: 6000 },
          { name: 'PC', max: 16000 },
          { name: 'M端', max: 30000 },
          { name: '微信', max: 35000 },
          { name: '手Q', max: 50000 },
          { name: '小程序', max: 25000 },
        ],
        measures: [{ name: '2020', data: [5000, 7000, 12000, 11000, 15000, 14000] }],
      },

      settingsForArea: {
        itemStyle: { normal: { areaStyle: { type: 'default' } } }, // 面积
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
